 <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />		<meta httpequiv="X UA Compatible" content="IE=edge">
		<meta name="viewport" content="width=devicewidth, initial scale=1">
		<meta httpequiv="X UA Compatible" content="IE=edge">
		<meta name="viewport" content="width=devicewidth, initial scale=1">
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
		<title></title>
	</head>
	<body>
		<div class="top">
			<a href="index.html" id="tfirst"><img src="img/head/logo.png" ></a>
			<a href="index.html">陈柏宇的网页</a>
			<a href="lypj.html" id="tsecond">留言/评价</a>
			<a href="jnlj.html" id="tsecond">技能路径</a>
			<a href="xmfb.html" id="tsecond">项目发布</a>
			<a href="zpzs.html" id="tsecond">作品展示</a>
			<a href="grjj.html" id="tsecond">个人简介</a>
		</div>
		
		<div class="content">
			<div class="left">
				<a href="index.html" id="al1"><div id="l"><div class="lc" id="lc1"></div><p>我是首页</p></div></a>
				<a href="grjj.html" id="al2"><div id="l"><div class="lc" id="lc2"></div><p>个人简介</p></div></a>
				<a href="zpzs.html" id="al3"><div id="l"><div class="lc" id="lc3"></div><p>作品展示</p></div></a>
				<a href="xmfb.html" id="al4"><div id="l"><div class="lc" id="lc4"></div><p>项目发布</p></div></a>
				<a href="jnlj.html" id="al5"><div id="l"><div class="lc" id="lc5"></div><p>技能路径</p></div></a>
				<a href="lypj.html" id="al6"><div id="l"><div class="lc" id="lc6"></div><p>留言评价</p></div></a>
			</div>
			<div class="media">
				<div class="uiquan" >
					<div id="uib2">
						<div id="tb2">
							<p></p>
						</div>
					</div>
					<div id="uib1">
						<h2>&nbsp;最近作品展示:</h4>
						<a href="">设计基础结课作业<br></a>
						<a href="">网页设计结课作业<br></a>
						<a href="">互动意思结课作业<br></a>
						<a href="" style="text-align: right;">更多作品&nbsp;</a>
					</div>
				</div>
				<div class="uiquan" >
					<div id="uih2">
						<a href="https://mp.weixin.qq.com/s/q6gUgQIBi-8l20FA46ZcOw"><div id="th2">
							<p id="xm">音乐交互快闪店项目解析</p>
							<p id="xmt"><span>最近的项目简介：</span><br>&nbsp;&nbsp;在交互设计课上出现的灵感。最终表现形式为音乐主题的快闪体验馆：<br>&nbsp;&nbsp;蹦床本身基于人工智能作曲利用传感器感应用户的蹦跳力度，频率来调整音乐风格。用户蹦跳力度越大，音乐节奏越快，节奏感越强。用户蹦跳频率越高，音乐音调越高。墙壁上的交互利用红外线感应和Kinect体感摄像头实现.当其感应到用户四肢在光点前方或感应到用户做出与人形光斑相似动作时，就会发出在原有...</p>
						</div>
						</a>
					</div>
				</div>
				<div class="uiquan" >
					<div id="uih1">
						<a href="https://www.bilibili.com/video/BV14K4y1C7Ht/">
						<div id="th1">
							<p>技能教程：</p>
							<p id="th1z">在blender中制作简易履带动画</p>
						</div>
						</a>
					</div>
					<div id="uih1r">
						<div id="th1">
							<ul>
								<li><svg t="1594813390230" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2815" width="20" height="20"><path d="M512 448c-35.296 0-64-28.704-64-64s28.704-64 64-64 64 28.704 64 64-28.704 64-64 64m0-192c-70.592 0-128 57.408-128 128s57.408 128 128 128 128-57.408 128-128-57.408-128-128-128"   p-id="2816"></path><path d="M768 797.632v-69.92a151.904 151.904 0 0 0-151.712-151.68h-208.576A151.904 151.904 0 0 0 256 727.68v69.92C177.632 727.36 128 625.6 128 512 128 299.904 299.936 128 512 128s384 171.904 384 384c0 113.6-49.632 215.36-128 285.632m-448 46.56v-116.48a87.776 87.776 0 0 1 87.712-87.68h208.576A87.776 87.776 0 0 1 704 727.68v116.48a381.568 381.568 0 0 1-384 0m192-780.16C264.96 64 64 264.96 64 512c0 246.976 200.96 448 448 448s448-201.024 448-448c0-247.04-200.96-448-448-448"   p-id="2817"></path></svg>找到我：</li>
								<li><svg t="1594813412780" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2946" width="20" height="20"><path d="M128 768V301.248l361.344 361.376a32.032 32.032 0 0 0 45.312 0L896 301.248V768H128z m384-173.248L173.248 256h677.504L512 594.752zM64 832h896V192H64v640z"   p-id="2947"></path></svg>邮箱：3354405250@qq.com</li>
								<li><svg t="1594813461233" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3770" width="20" height="20"><path d="M1016.32 570.88c-30.72-110.08-112.64-179.2-240.64-207.36-28.16-5.12-40.96-12.8-46.08-38.4-2.56-20.48-15.36-38.4-25.6-53.76-69.12-110.08-179.2-168.96-320-176.64l0 0c-102.4 2.56-179.2 23.04-243.2 69.12-110.08 79.36-153.6 179.2-133.12 299.52 12.8 66.56 48.64 122.88 115.2 176.64 12.8 10.24 15.36 17.92 10.24 30.72-7.68 20.48-15.36 40.96-20.48 66.56-2.56 7.68 0 20.48 5.12 28.16 5.12 5.12 20.48 0 25.6 0C153.6 755.2 166.4 750.08 181.76 742.4c15.36-7.68 33.28-17.92 51.2-25.6 7.68-2.56 20.48-5.12 30.72-5.12 53.76 2.56 97.28 5.12 138.24 10.24 5.12 0 12.8 7.68 17.92 12.8 56.32 112.64 186.88 179.2 314.88 161.28 66.56-10.24 110.08 0 153.6 28.16 5.12 5.12 12.8 5.12 20.48 5.12 2.56 0 7.68 0 10.24 0l5.12 0 0-5.12c0-2.56 0-5.12 0-7.68 0-7.68 2.56-15.36 0-20.48-20.48-40.96-12.8-69.12 25.6-102.4C1013.76 732.16 1039.36 652.8 1016.32 570.88zM166.4 691.2c2.56-10.24 5.12-20.48 10.24-30.72 10.24-20.48 5.12-35.84-15.36-51.2-58.88-43.52-92.16-89.6-104.96-148.48-23.04-102.4 12.8-189.44 104.96-256 58.88-43.52 133.12-64 204.8-64 104.96 0 212.48 43.52 276.48 125.44 12.8 17.92 23.04 38.4 35.84 61.44 5.12 7.68 7.68 17.92 12.8 28.16-107.52 7.68-194.56 51.2-248.32 122.88-43.52 56.32-58.88 128-43.52 199.68-7.68 0-15.36 0-25.6 0-23.04 0-43.52 0-61.44-5.12C261.12 660.48 222.72 665.6 186.88 691.2c-5.12 2.56-10.24 5.12-17.92 7.68-2.56 0-2.56 2.56-5.12 2.56C163.84 698.88 166.4 693.76 166.4 691.2zM931.84 734.72c-17.92 23.04-35.84 40.96-51.2 53.76-23.04 17.92-28.16 35.84-17.92 61.44 2.56 2.56 2.56 7.68 2.56 10.24 0 2.56 0 2.56 0 5.12l0 0c-20.48-20.48-43.52-25.6-64-25.6-15.36 0-28.16 2.56-43.52 5.12-7.68 0-15.36 2.56-20.48 2.56-102.4 12.8-189.44-23.04-250.88-99.84-64-79.36-56.32-192 23.04-266.24 53.76-51.2 133.12-79.36 212.48-76.8 79.36 5.12 153.6 38.4 204.8 97.28C983.04 570.88 988.16 663.04 931.84 734.72z" p-id="3771"></path><path d="M248.32 304.64m-43.52 0a1.7 1.7 0 1 0 87.04 0 1.7 1.7 0 1 0-87.04 0Z" p-id="3772"></path><path d="M499.2 304.64m-43.52 0a1.7 1.7 0 1 0 87.04 0 1.7 1.7 0 1 0-87.04 0Z" p-id="3773"></path><path d="M611.84 550.4m-33.28 0a1.3 1.3 0 1 0 66.56 0 1.3 1.3 0 1 0-66.56 0Z" p-id="3774"></path><path d="M808.96 550.4m-33.28 0a1.3 1.3 0 1 0 66.56 0 1.3 1.3 0 1 0-66.56 0Z" p-id="3775"></path></svg>微信:shichenbaiyu</li>
								<li><svg t="1594813649683" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6611" width="20" height="20"><path d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z" p-id="6612"></path></svg>Bilibili: <a href="https://space.bilibili.com/4059042">时辰不死于背锅</a></li>
								<li><svg t="1594813685488" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8734" width="20" height="20"><path d="M192 960h640v-64H192z"   p-id="8735"></path><path d="M512 128a256 256 0 0 1 256 256 254.72 254.72 0 0 1-68.352 173.728l-13.92 13.92-128.832 128.832L512 745.376l-44.896-44.896-128.832-128.832-13.92-13.92A254.72 254.72 0 0 1 256 384a256 256 0 0 1 256-256M281.216 605.088l9.696 9.696 198.112 198.112a31.808 31.808 0 0 0 22.976 9.888c9.056 0 17.152-3.84 22.976-9.888l198.112-198.112 9.696-9.696c15.744-16.416 29.632-34.56 41.632-54.048A317.536 317.536 0 0 0 832 384c0-176.448-143.552-320-320-320S192 207.552 192 384c0 61.248 17.6 118.336 47.584 167.04 12 19.488 25.888 37.632 41.632 54.048"   p-id="8736"></path><path d="M512 320a64 64 0 1 1-0.032 128.032A64 64 0 0 1 512 320m0 192c70.592 0 128-57.408 128-128s-57.408-128-128-128-128 57.408-128 128 57.408 128 128 128"   p-id="8737"></path></svg>学校：中国传媒大学</li>
								<li><svg t="1594813751860" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8866" width="20" height="20"><path d="M832 768v64H192v-64H128v128h768v-128zM822.624 438.624l-45.248-45.248L544 626.752V128h-64v498.752l-233.376-233.376-45.248 45.248L512 749.248z"   p-id="8867"></path></svg>源下载：<a href="https://gitee.com/chenbaiyujason">https://gitee.com/chenbaiyujason</a></li>
								<li><svg t="1594813868577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8996" width="20" height="20"><path d="M960 512c0 97.76-28.704 185.216-85.664 263.264-56.96 78.016-130.496 131.84-220.64 161.856-10.304 1.824-18.368 0.448-22.848-4.032a22.4 22.4 0 0 1-7.2-17.504v-122.88c0-37.632-10.304-65.44-30.464-82.912a409.856 409.856 0 0 0 59.616-10.368 222.752 222.752 0 0 0 54.72-22.816c18.848-10.784 34.528-23.36 47.104-38.592 12.544-15.232 22.848-35.904 30.912-61.44 8.096-25.568 12.128-54.688 12.128-87.904 0-47.072-15.232-86.976-46.208-120.16 14.368-35.456 13.024-74.912-4.48-118.848-10.752-3.616-26.432-1.344-47.072 6.272a301.44 301.44 0 0 0-53.824 25.568l-21.984 13.888A407.776 407.776 0 0 0 512 280.16c-38.56 0-75.776 4.928-112.096 15.232a444.48 444.48 0 0 0-24.672-15.68c-10.336-6.272-26.464-13.888-48.896-22.432-21.952-8.96-39.008-11.232-50.24-8.064-17.024 43.936-18.368 83.424-4.032 118.848-30.496 33.632-46.176 73.536-46.176 120.608 0 33.216 4.032 62.336 12.128 87.456 8.032 25.12 18.368 45.76 30.496 61.44 12.544 15.68 28.224 28.704 47.072 39.04 18.848 10.304 37.216 17.92 54.72 22.816a409.6 409.6 0 0 0 59.648 10.368c-15.712 13.856-25.12 34.048-28.704 60.064a99.744 99.744 0 0 1-26.464 8.512 178.208 178.208 0 0 1-33.184 2.688c-13.024 0-25.568-4.032-38.144-12.544-12.544-8.512-23.296-20.64-32.256-36.32a97.472 97.472 0 0 0-28.256-30.496c-11.232-8.064-21.088-12.576-28.704-13.92l-11.648-1.792c-8.096 0-13.92 0.928-17.056 2.688-3.136 1.792-4.032 4.032-2.688 6.72 1.344 2.688 3.136 5.408 5.376 8.096 2.24 2.688 4.928 4.928 7.616 7.168l4.032 2.688c8.544 4.032 17.056 11.232 25.568 21.984 8.544 10.752 14.368 20.64 18.4 29.6l5.824 13.44c4.928 14.816 13.44 26.912 25.568 35.872 12.096 8.992 25.088 14.816 39.008 17.504 13.888 2.688 27.36 4.032 40.352 4.032 12.992 0 23.776-0.448 32.288-2.24l13.472-2.24c0 14.784 0 32.288 0.416 52.032 0 19.744 0.48 30.496 0.48 31.392a22.624 22.624 0 0 1-7.648 17.472c-4.928 4.48-12.992 5.824-23.296 4.032-90.144-30.048-163.68-83.84-220.64-161.888C92.256 697.216 64 609.312 64 512c0-81.152 20.192-156.064 60.096-224.672a445.184 445.184 0 0 1 163.232-163.232C355.936 84.192 430.816 64 512 64s156.064 20.192 224.672 60.096a445.184 445.184 0 0 1 163.232 163.232C939.808 355.488 960 430.848 960 512"  p-id="8997"></path></svg>github：<a href="https://github.com/chenbaiyujason">https://github.com/chenbaiyujason</a></li>
							</ul>
						</div>
					</div>
			</div>
		</div>
	</body>
</html>
